@success: "e-tag--success";
//@success{
//  border-color: @color-functional-success;
//}
.e-tag{
  background-color: @color-bg-nomal;
  display: inline-block;
  font-size: 12px;
  color: #409eff;
  border: 1px solid @color-brand-primary;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  .close {
    display: none;
  }
}
.e-tag-medium{
  padding: 0 10px;
  height: 28px;
  line-height: 26px;
}
.e-tag-small {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
}
.e-tag-mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.icon{
  width: 10px;
  height: 10px;
  margin-left: 5px;
  &:hover{
    cursor: pointer;
  }
}
.e-tag--success{
  .tag-status(@color-functional-success);
  background-color: @color-bg-success;
  .svg-fill(@color-functional-success);
}
.e-tag--success.close-hover{
  background-color: #DFF5D5;
}
.e-tag--success.e-tag--dark{
  .tag-status(@color-functional-success);
  background:@color-complementary-16;
  border-color:@color-complementary-16;
  color:@color-complementary-17;
  border-radius: 2px;
}
.e-tag--error{
  .tag-status(@color-functional-fail);
  background-color: @color-bg-fail;
  .svg-fill(@color-functional-fail)
}
.e-tag--error.close-hover{
  background-color: #FFE2DF;
}
.e-tag--error.e-tag--dark{
  // .tag-dark(@color-functional-fail);
  .tag-status(@color-functional-success);
  background: @color-complementary-18;
  border-color: @color-complementary-18;
  color: @color-complementary-19;
  border-radius: 2px;
}
.e-tag--warning{
  .tag-status(@color-functional-warning);
  background-color: @color-bg-warning;
  .svg-fill(@color-functional-warning)
}
.e-tag--warning.close-hover{
  background-color: #FCF0D3;
}
.e-tag--warning.e-tag--dark{
  .tag-status(@color-functional-warning);
  background: @color-complementary-20;
  border-color: @color-complementary-20;
  color: @color-complementary-21;
  border-radius: 2px;
}
.e-tag--ing{
  .tag-status(@color-functional-processing);
  background-color: @color-bg-nomal;
  .svg-fill(@color-functional-processing)
}
.e-tag--ing.close-hover{
  background-color: #DBE8FF;
}
.e-tag--ing.e-tag--dark{
  .tag-dark(@color-complementary-14);
  color:@color-complementary-15
}
.e-tag--suspend{
  .tag-status(@color-functional-pause);
  background-color: @color-bg-pause;
  .svg-fill(@color-functional-pause)
}
.e-tag--suspend.close-hover{
  background-color: #E1E7EE;
}
.e-tag--suspend.e-tag--dark{
  .tag-dark(@color-functional-pause);
}
